<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>安评单位注册结果查询</title>
    <script src="../../js/header.js"></script>
    <style type="text/css">
        html, body, #jscompanymessage {
            padding: 0px;
            margin: 0px;
            /*height: 100%;*/
        }
        #jscompanymessage{
            border-top: 3px solid #0D9AFF;
            /*background: #FFFFFF;
            box-shadow: 0px 2px 4px 0 rgba(200,200,200,0.50);*/
            padding: 25px;
            /*background: url(../../images/bg.png) no-repeat;
            background-size: 100% 100%;*/
            /*background-attachment: fixed;*/
            overflow: hidden;
        }
        .tab-title{
            font-size: 16px;
            font-weight: bold;
            border-left: 4px solid #0D9AFF;
            font-family: PingFangSC-Medium;
            padding-left:10px;
            margin-bottom: 20px;
        }
        .el-dialog__footer {
            padding: 10px 20px 20px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .el-dialog__body {
            color: rgb(96, 98, 102);
            font-size: 14px;
            word-break: break-all;
            padding: 0px 20px;
        }
        #excel {
            display: none;
        }
        .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }
        /*#jscompanymessage .el-input,
        #jscompanymessage .el-select,
        #jscompanymessage .el-input-number{
            width: 100%;
        }*/
        .listed .el-form-item__label{
            letter-spacing: 3px;
        }
        .el-textarea {
            /*width: 95%;*/
        }

        /* 搜索按钮样式修改 */
        #jscompanymessage .el-button.is-circle.search_btn{
            position: absolute;
            right: 0;
            top: 0;
            border: 0;
            background: none;
        }
        #jscompanymessage .el-button.is-circle.search_btn i{
            font-size: 17px;
        }
        .zcform .tab{
            border: 1px solid #DCDFE6;
        }
        .zcform .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border: 1px solid #DCDFE6;
            border-radius: 0px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 10px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            width: 100%;
        }
        .zcform .linkMan .el-input .el-input__inner{

            height: 60px;
        }
        .zcform .el-textarea__inner {
            display: block;
            resize: vertical;
            padding: 5px 15px;
            line-height: 1.5;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 120px;
            font-size: inherit;
            color: #606266;
            background-color: #FFF;
            background-image: none;
            border: 1px solid #DCDFE6;
            border-radius: 0px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }
        .zcform .el-input .el-input__clear {
            line-height: 30px;
        }
        .zcform .el-input__icon {
            line-height: 30px;
        }
        .zcform .el-form-item {
            margin-bottom: 0px;
        }
        .zcform .el-form-item__content {
            line-height: 30px;
            position: relative;
            font-size: 14px;
        }
        .zcform .el-form-item__error {
            color: #F56C6C;
            font-size: 12px;
            line-height: 1;
            padding-top: 4px;
            position: absolute;
            top: 0px;
            left: 114px;
            z-index: 99;
            width: 400px;
            text-align: left;
        }
        .zcform .red{
            color: #F56C6C;
        }
    </style>
</head>

<body>
<div v-cloak id="jscompanymessage">
    <div style="margin-top: 10px;">
        <div style="margin-top: 40px;">
            <el-form :model="selectForm" :rules="rules" ref="selectForm" label-width="150px">
                <el-row>
                    <el-col>
                        <el-form-item label="联系电话:" prop="" label-width="160px">
                            <el-tooltip class="item" effect="dark" content="请您输入联系电话进行查询" placement="top-start">
                                <el-input v-model="selectForm.mobile" placeholder="" style="width: 40%;"></el-input>
                            </el-tooltip>
                            <span style="color: red;">(请您输入联系电话进行查询)</span>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <div style="float: right;">
                        <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm('selectForm')">查询</el-button>
                        <el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm('selectForm')">重置</el-button>
                    </div>
                </el-row>
            </el-form>
        </div>

        <el-table :data="tableData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
            <!--<el-table-column type="selection" ></el-table-column>-->
            <el-table-column
                    prop="unitName"
                    label="单位名称"
                    width="250"
                    align="center" >
            </el-table-column>
            <el-table-column
                    prop="uniscid"
                    label="统一社会信用代码"
                    width="300"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="registAddr"
                    label="注册地址"
                    width=""
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="spPerson"
                    label="审批人"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="spOrg"
                    label="审批机构"
                    width="150"
                    align="center">
            </el-table-column>
            <el-table-column
                    prop="spStatus"
                    label="审批状态"
                    width="100"
                    align="center">
                <template scope="scope">
                    <span v-if="scope.row.spStatus==1">待审核</span>
                    <span v-if="scope.row.spStatus==2">审核不通过</span>
                    <span v-if="scope.row.spStatus==3">审核通过</span>
                </template>
            </el-table-column>
            <el-table-column
                    prop="spTime"
                    label="审批时间"
                    width="200"
                    align="center">
            </el-table-column>
            <!--<el-table-column
                    prop="sbStatus"
                    label="上报状态"
                    width="100"
                    align="center">
                <template scope="scope">
                    <span v-if="scope.row.sbStatus==0">未上报</span>
                    <span v-if="scope.row.sbStatus==1">已上报</span>
                </template>
            </el-table-column>-->
            <el-table-column
                    label="操作"
                    width=""
                    align="center">
                <template slot-scope="scope">
                    <el-button type="" size="mini" @click="view(scope.$index,scope.row)">查看</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div style="overflow: hidden;">
            <div class="pagination">
                <el-pagination
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page="currentPage"
                        :page-sizes="[10, 20, 30, 40]"
                        :page-size="pagesize"
                        background
                        layout="total, sizes,prev, pager, next"
                        :total="tableTotal"
                        prev-text="上一页"
                        next-text="下一页">
                </el-pagination>
            </div>
        </div>

        <el-dialog title="" :visible.sync="dialogForm" center fullscreen>
            <div style="margin-top: 10px;"　class="zcform">
                <h3 style="text-align: center;">地震安全性评价单位信息情况表</h3>
                <el-form :model="apUnitEntity" :rules="rules" ref="apUnitEntity"  style="width:80%;font-size: 14px;border: 1px solid #DCDFE6;margin: 10px auto;">
                    <!--第一行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">单位名称</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="unitName">
                                <el-input v-model="apUnitEntity.unitName" style="" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第二行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">主体身份代码</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="pripId">
                                <el-input v-model="apUnitEntity.pripId" style="" placeholder="请填写社会统一信用代码" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">行业类别</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="industryCategory">
                                <el-select  v-model="apUnitEntity.industryCategory" placeholder="请选择" ref="industryCategory" disabled   style="width: 100%;">
                                    <el-option  style="height: auto">
                                        <el-tree :data="hangyetypeLIst"
                                                 ref="tree"
                                                 @check-change="handleCheckChangehangye"
                                                 show-checkbox
                                                 :default-expand-all="true"
                                                 :check-strictly="true"
                                                 :default-checked-keys="[7420]"
                                                 node-key="id"></el-tree>
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">组织类别</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="organizationClass">
                                <el-select  v-model="apUnitEntity.organizationClass" placeholder="请选择" ref="organizationClass"  disabled  style="width: 100%;">
                                    <el-option  style="height: auto">
                                        <el-tree :data="orgTypeList"
                                                 ref="tree"
                                                 @check-change="handleCheckChange"
                                                 show-checkbox
                                                 :default-expand-all="true"
                                                 :check-strictly="true"
                                                 node-key="id"></el-tree>
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">国民经济类型</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="nationalEconomy">
                                <el-select  v-model="apUnitEntity.nationalEconomy" placeholder="请选择国民经济类型" ref="nationalEconomy"  disabled  style="width: 100%;">
                                    <el-option  style="height: auto">
                                        <el-tree :data="jinjilist"
                                                 ref="tree"
                                                 @check-change="handleCheckChangejinji"
                                                 show-checkbox
                                                 :default-expand-all="true"
                                                 :check-strictly="true"
                                                 node-key="id"></el-tree>
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">注册号</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="regNo">
                                <el-input v-model="apUnitEntity.regNo" style="" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">企业类型</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="entType">
                                <el-input v-model="apUnitEntity.entType" style="" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">企业类型(中文名称)</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="entTypeCn">
                                <el-input v-model="apUnitEntity.entTypeCn" style="" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第二行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">单位性质</span>
                        </el-col>
                        <el-col :span="4"  style="width: 75%;">
                            <el-form-item prop="">
                                <el-select  v-model="apUnitEntity.syUnitType" placeholder="请选择" ref="syUnitType"   @change="syChangeValue" disabled style="width: 50%;">
                                    <el-option label="事业" value="事业"></el-option>
                                    <el-option label="企业" value="企业"></el-option>
                                </el-select>

                                <el-select  v-model="apUnitEntity.qyUnitType" placeholder="请选择" ref="qyUnitType"  @change="qyChangeValue"  disabled style="width: 50%;margin: -4.2px;">
                                    <el-option
                                            v-for="item in apUnitlist"
                                            :key="item.code"
                                            :label="item.name"
                                            :value="item.name">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第三行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">注册地址</span>
                        </el-col>
                        <el-col :span="7" style="width: 45%;">
                            <el-col :span="5">
                                <el-form-item prop="provinceValue" >
                                    <!--<el-input v-model="apUnitEntity.registAddr" style="width: 320px;" placeholder="" ></el-input>-->
                                    <el-select v-model="apUnitEntity.provinceValue" :title="provinceValue" placeholder="选择省" @change="chooseProvince" disabled>
                                        <el-option
                                                v-for="item in provinceData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-col :span="5">
                                <el-form-item prop="cityValue" >
                                    <el-select v-model="apUnitEntity.cityValue" :title="cityValue" placeholder="选择市" @change="chooseCity" disabled>
                                        <el-option
                                                v-for="item in cityData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-col :span="5">
                                <el-form-item prop="areaValue" >
                                    <el-select v-model="apUnitEntity.areaValue" :title="areaValue" @change="chooseArea" placeholder="选择区、县" disabled>
                                        <el-option
                                                v-for="item in areaData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name"
                                                style="width: 170px;">
                                        </el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-col :span="9">
                                <el-form-item>
                                    <el-input v-model="apUnitEntity.detailAddress" placeholder="填写详细地址" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">邮编</span>
                        </el-col>
                        <el-col :span="4" style="width: 20%;">
                            <el-form-item prop="registAddrCode">
                                <el-input v-model="apUnitEntity.registAddrCode"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第四行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">办公地址</span>
                        </el-col>
                        <el-col :span="10" style="width: 45%">
                            <el-form-item prop="bgAddr">
                                <el-input v-model="apUnitEntity.bgAddr"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">邮编</span>
                        </el-col>
                        <el-col :span="4" style="width: 20%;">
                            <el-form-item prop="bgAddrCode" >
                                <el-input v-model="apUnitEntity.bgAddrCode"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第五行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">法定代表人</span>
                        </el-col>
                        <el-col :span="10" style="width: 45%;">
                            <el-form-item prop="legalMan">
                                <el-input v-model="apUnitEntity.legalMan"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">电话</span>
                        </el-col>
                        <el-col :span="4" style="width:20%">
                            <el-form-item prop="legalManTel">
                                <el-input v-model="apUnitEntity.legalManTel"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第六行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 60px;line-height: 60px;">
                            <span class="red">*</span>
                            <span class="">联系人</span>
                        </el-col>
                        <el-col :span="2" class="linkMan" style="width: 15%;text-align: center;">
                            <el-form-item prop="linkMan">
                                <el-input v-model="apUnitEntity.linkMan" style="height: 60px;" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 10%;text-align: center;height: 60px;line-height: 60px;">
                            <span class="red">*</span>
                            <span class="">联系电话</span>
                        </el-col>

                        <el-col :span="4"  style="width: 35%;text-align: center;height: 28px;line-height: 28px;">
                            <el-row >
                                <el-col :span="2" class="tab" style="width: 30%;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="red">*</span>
                                    <span class="">手机</span>
                                </el-col>
                                <el-col :span="4" style="width: 70%;">
                                    <el-form-item prop="linkTel">
                                        <el-input v-model="apUnitEntity.linkTel"  placeholder="" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 30%;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="red">*</span>
                                    <span class="">办公室</span>
                                </el-col>
                                <el-col :span="4" style="width: 70%;">
                                    <el-form-item prop="linkOffice">
                                        <el-input v-model="apUnitEntity.linkOffice"  placeholder="" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-col>

                        <el-col :span="4"  style="width: 30%;text-align: center;height: 28px;line-height: 28px;">
                            <el-row >
                                <el-col :span="2" class="tab" style="width: 33.5%;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="red"></span>
                                    <span class="">传真</span>
                                </el-col>
                                <el-col :span="4" style="width: 66.5%;">
                                    <el-form-item prop="linkFax" >
                                        <el-input v-model="apUnitEntity.linkFax"  placeholder="" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 33.5%;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="red">*</span>
                                    <span class="">电子邮箱</span>
                                </el-col>
                                <el-col :span="4" style="width: 66.5%;">
                                    <el-form-item prop="linkEmail" >
                                        <el-input v-model="apUnitEntity.linkEmail"  placeholder="" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                    <!--第七行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red"></span>
                            <span class="">上级主管单位</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="upMainUnit">
                                <el-input v-model="apUnitEntity.upMainUnit"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第八行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">单位成立时间</span>
                        </el-col>
                        <el-col :span="10" style="width: 25%;">
                            <el-form-item prop="establishTime">
                                <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.establishTime" disabled style="width: 100%;"/>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">单位注册时间</span>
                        </el-col>
                        <el-col :span="4" style="width: 25%;">
                            <el-form-item prop="unitRegistTime">
                                <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.unitRegistTime" disabled style="width: 100%;"/>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第九行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">统一社会信用代码</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="uniscid">
                                <el-input v-model="apUnitEntity.uniscid"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第十行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">用户名</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="userName">
                                <el-input v-model="apUnitEntity.userName"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">密码</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="password">
                                <el-input v-model="apUnitEntity.password"  placeholder="" show-password disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第十一行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">注册（开办）资金（万元）</span>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="registMoney">
                                <el-input v-model="apUnitEntity.registMoney"  placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第十二行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">专业技术人员</span>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">60周岁以下</span>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">60周岁以上</span>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">合计</span>
                        </el-col>
                    </el-row>
                    <!--第十三行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">高级职称</span>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="highDownsixty">
                                <el-input type="number" v-model.number="apUnitEntity.highDownsixty"  placeholder="" @change="sum" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="highUpsixty">
                                <el-input type="number" v-model.number="apUnitEntity.highUpsixty"  placeholder="" @change="sum" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="highSum">
                                <el-input type="number" v-model.number="apUnitEntity.highSum" placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第十四行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">中级职称</span>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="midDownsixty">
                                <el-input type="number" v-model.number="apUnitEntity.midDownsixty"  placeholder="" @change="sum" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="midUpsixty">
                                <el-input type="number" v-model.number="apUnitEntity.midUpsixty"  placeholder="" @change="sum" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="midSum">
                                <el-input type="number" v-model.number="apUnitEntity.midSum"  placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第十五行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">初级职称</span>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="priDomnsixty">
                                <el-input type="number" v-model.number="apUnitEntity.priDomnsixty"  placeholder="" @change="sum" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="priUpsixty">
                                <el-input type="number" v-model.number="apUnitEntity.priUpsixty" placeholder="" @change="sum" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="priSum">
                                <el-input type="number" v-model.number="apUnitEntity.priSum"  placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第十六行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="red">*</span>
                            <span class="">合计</span>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="sumDownsixty">
                                <el-input type="number" v-model.number="apUnitEntity.sumDownsixty"  placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="sumUpsixty">
                                <el-input type="number" v-model.number="apUnitEntity.sumUpsixty"  placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12" style="width: 25%;">
                            <el-form-item prop="sum">
                                <el-input type="number" v-model.number="apUnitEntity.sum"  placeholder="" :disabled="true"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第十七行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 390px;">
                            <div style="margin-top: 190px;">
                                <span class="">具有承担地震安全性评价相关专业背景的高级职称专业技术人员情况</span>
                            </div>
                        </el-col>
                        <el-col :span="2"  style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <el-row >
                                <el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="">专业</span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
                                    <span class="">地震学</span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
                                    <span class="">地震地质学</span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
                                    <span class="">地震工程学</span>
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="2"  style="width: 50%;text-align: center;height: 30px;line-height: 30px;">
                            <el-row >
                                <el-col :span="2" class="tab" style="width: 100%;text-align: center;height: 30px;line-height: 30px;">
                                    <span class="">高级职称人员姓名</span>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2"  style="width: 100%;text-align: center;height: 120px;">
                                    <el-form-item prop="dzxHigh">
                                        <el-input
                                                type="textarea"
                                                resize="none"
                                                placeholder=""
                                                v-model="apUnitEntity.dzxHigh"
                                                disabled>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2"  style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
                                    <el-form-item prop="dzdzxHigh">
                                        <el-input
                                                type="textarea"
                                                resize="none"
                                                placeholder=""
                                                v-model="apUnitEntity.dzdzxHigh"
                                                disabled>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2"  style="width: 100%;text-align: center;height: 120px;line-height: 120px;">
                                    <el-form-item prop="dzgcxHigh">
                                        <el-input
                                                type="textarea"
                                                resize="none"
                                                placeholder=""
                                                v-model="apUnitEntity.dzgcxHigh"
                                                disabled>
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>
                    <!--第十八行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">住所</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="dom">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.dom" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">营业场所/主要经营场所/经营场所</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="opLoc">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.opLoc" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">经营期限自/营业期限自/合伙期限自</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="opFrom">
                                <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.opFrom" disabled style="width: 100%;"/>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">经营期限至/营业期限至/合伙期限至</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="opTo">
                                <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.opTo" disabled style="width: 100%;"/>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">经营范围</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="opScope">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.opScope" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">业务范围类型</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="opScoType">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.opScoType" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">业务范围类型（中文名称）</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="opScoTypeCn">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.opScoTypeCn" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">登记机关</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="regOrg">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.regOrg" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">登记机关（中文名称）</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="regOrgCn">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.regOrgCn" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">登记状态</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="regState">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.regState" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">登记状态（中文名称）</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="regStateCn">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.regStateCn" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">核准日期</span>
                        </el-col>
                        <el-col :span="10" style="width: 25%;">
                            <el-form-item prop="apprDate">
                                <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.apprDate" disabled style="width: 100%;"/>
                            </el-form-item>
                        </el-col>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <span class="">吊销时间</span>
                        </el-col>
                        <el-col :span="4" style="width: 25%;">
                            <el-form-item prop="revDate">
                                <el-date-picker type="date" placeholder="选择日期" v-model="apUnitEntity.revDate" disabled style="width: 100%;"/>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">联络员身份证号码</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="linkmanCerNo">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.linkmanCerNo" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">经营地址经度</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="operatingLongitude">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.operatingLongitude" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 30px;line-height: 30px;">
                            <div >
                                <span class="">经营地址纬度</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="operatingLatitude">
                                <el-input
                                        placeholder=""
                                        v-model="apUnitEntity.operatingLatitude" disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 120px;">
                            <div style="margin-top: 50px;">
                                <span class="">吊销原因</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="sugRevReason">
                                <el-input
                                        type="textarea"
                                        resize="none"
                                        placeholder=""
                                        v-model="apUnitEntity.sugRevReason"
                                        disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 120px;">
                            <div style="margin-top: 50px;">
                                <span class="red" >*</span>
                                <span class="">开展地震安全性评价工作业绩情况</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="apYjqk">
                                <el-input
                                        type="textarea"
                                        resize="none"
                                        placeholder=""
                                        v-model="apUnitEntity.apYjqk"
                                        disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第十九行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 120px;">
                            <div style="margin-top: 40px;">
                                <span class="red">*</span>
                                <span class="">具有承担地震安全性评价工作技术能力情况</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="apJsnlqk">
                                <el-input
                                        type="textarea"
                                        resize="none"
                                        placeholder=""
                                        v-model="apUnitEntity.apJsnlqk"
                                        disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <!--第二十行-->
                    <el-row>
                        <el-col :span="2" class="tab" style="width: 25%;text-align: center;height: 120px;">
                            <div style="margin-top: 50px;">
                                <span class="red">*</span>
                                <span class="">质量管理体系情况</span>
                            </div>
                        </el-col>
                        <el-col :span="12" style="width: 75%;">
                            <el-form-item prop="zlglTxqk">
                                <el-input
                                        type="textarea"
                                        resize="none"
                                        placeholder=""
                                        v-model="apUnitEntity.zlglTxqk"
                                        disabled>
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                    <el-row style="padding-top: 20px;border: 1px solid #DCDFE6;border-bottom: none;" class="zccheck">
                        <el-col :span="8">
                            <el-form-item label="审 定 人:" prop="spPerson" label-width="120px">
                                <el-input v-model="apUnitEntity.spPerson" style="width: 80%;" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="审定机构:" prop="spOrg" label-width="120px">
                                <el-input v-model="apUnitEntity.spOrg" style="width: 80%;" placeholder="" disabled></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="审定结果:" prop="spStatus" label-width="120px">
                                <el-select v-model="apUnitEntity.spStatus" placeholder="请选择审定结果" disabled style="width: 80%;">
                                    <el-option label="待审核" value="1"></el-option>
                                    <el-option label="审核不通过" value="2"></el-option>
                                    <el-option label="审核通过" value="3"></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row style="padding:20px 0;border: 1px solid #DCDFE6;border-top: none;">
                        <el-col :span="23">
                            <el-form-item label="审定意见:" prop="spReview" label-width="120px">
                                <el-input type="textarea"
                                          :autosize="{ minRows: 8, maxRows: 8}"
                                          placeholder=""
                                          v-model="apUnitEntity.spReview" disabled></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <el-row>
                    <el-col :span="24" style="text-align: center; margin-top: 30px;">
                        <div style="">
                            <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogForm=false;">关闭</el-button>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </el-dialog>
    </div>
</div>
<script>
    var vm = new Vue({
        el: '#jscompanymessage',
        data() {
            // 验证手机号是否合法
            let checkMobile = (rule, value, callback) => {
                if (!this.checkTel(value)) {
                    callback(new Error('手机号码不合法'));
                } else {
                    callback();
                }
            }
            // 验证邮箱是否合法
            let checkEmail = (rule, value, callback) => {
                if (!this.isEmail(value)) {
                    callback(new Error('邮箱不合法'));
                } else {
                    callback();
                }
            }
            return {
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                tableTotal:'',
                sydisabled: 0,
                qydisabled: 0,
                formDisabled: false,
                moveInDisabled: false,
                moveOutDisabled: false,
                apUnitEntity : {
                    unitName:'',
                    syUnitType:'',
                    qyUnitType:'',
                    registAddr:'',
                    registAddrCode:'',
                    bgAddr:'',
                    bgAddrCode:'',
                    legalMan:'',
                    legalManTel:'',
                    linkMan:'',
                    linkTel:'',
                    linkOffice:'',
                    linkFax:'',
                    linkEmail:'',
                    upMainUnit:'',
                    establishTime:'',
                    unitRegistTime:'',
                    uniscid:'',
                    userName:'',
                    password:'',
                    registMoney:'',
                    highDownsixty:0,
                    highUpsixty:0,
                    highSum:0,
                    midDownsixty:0,
                    midUpsixty:0,
                    midSum:0,
                    priDomnsixty:0,
                    priUpsixty:0,
                    priSum:0,
                    sumDownsixty:0,
                    sumUpsixty:0,
                    sum:0,
                    dzxHigh:'',
                    dzdzxHigh:'',
                    dzgcxHigh:'',
                    apYjqk:'',
                    apJsnlqk:'',
                    zlglTxqk:'',
                    provinceValue:'',
                    cityValue:'',
                    areaValue:'',
                    detailAddress: '',
                    pripId: '',
                    regNo: '',
                    entType: '',
                    entTypeCn: '',
                    industryCategory: '',
                    organizationClass: '',
                    nationalEconomy: '',
                    dom: '',
                    opLoc: '',
                    opFrom: '',
                    opTo: '',
                    opScope: '',
                    opScoType: '',
                    opScoTypeCn: '',
                    regOrg: '',
                    regOrgCn: '',
                    regState: '',
                    regStateCn: '',
                    apprDate: '',
                    revDate: '',
                    sugRevReason: '',
                    linkmanCerNo: '',
                    operatingLongitude: '',
                    operatingLatitude: '',
                    // 审定
                    spPerson: '',
                    spReview: '',
                    checkResult: '',
                    spOrg: '',
                    spStatus: '',
                },
                rules: {
                    unitName: [{
                        required: true,
                        message: '请输入单位名称',
                        trigger: 'blur'
                    }],
                    uniscid: [{
                        required:true,
                        message: '请输入统一社会信用代码',
                        trigger: 'blur'
                    }],
                    registAddr: [{
                        required: true,
                        message: '请输入注册地址',
                        trigger: 'blur'
                    }],
                    registAddrCode: [{
                        required: true,
                        message: '请输入注册地址邮编',
                        trigger: 'blur'
                    },{
                        min: 6,
                        max: 6,
                        message: '注册地址邮编不合法',
                        trigger: 'blur'

                    }],
                    bgAddr: [{
                        required: true,
                        message: '请输入办公地址',
                        trigger: 'blur'
                    }],
                    bgAddrCode: [{
                        required: true,
                        message: '请输入办公地址邮编',
                        trigger: 'blur'
                    }],
                    legalMan: [{
                        required: true,
                        message: '请输入法定代表人',
                        trigger: 'blur'
                    }],
                    legalManTel: [{
                        required: true,
                        message: '请输入法定代表人电话',
                        trigger: 'blur'
                    },{
                        validator: checkMobile,
                        //message: '法定代表人电话不合法',
                        trigger: 'blur'
                    }],

                    linkMan: [{
                        required: true,
                        message: '请输入联系人',
                        trigger: 'blur'
                    }],
                    linkTel: [{
                        required: true,
                        message: '请输入联系人手机号码',
                        trigger: 'blur'
                    },
                        {
                            validator: checkMobile,
                            message: '联系人手机号码不合法',
                            trigger: 'blur'
                        }],
                    linkEmail: [{
                        required: true,
                        message: '请输入联系人电子邮箱',
                        trigger: 'blur'
                    },
                        {
                            validator: checkEmail,
                            message: '联系人电子邮箱不合法',
                            trigger: 'blur'
                        }],
                    linkFax: [{
                        required: true,
                        message: '请输入联系人传真',
                        trigger: 'blur'
                    }],
                    upMainUnit:[{
                        required: true,
                        message: '请输入上级主管部门',
                        trigger: 'blur'
                    }],
                    registMoney: [{
                        required: true,
                        message: '请输入注册资金',
                        trigger: 'blur'
                    }],
                    apYjqk: [{
                        required: true,
                        message: "开展地震安全性评价工作业绩情况",
                        trigger: 'blur'
                    }],
                    apJsnlqk: [{
                        required: true,
                        message: "具有承担地震安全性评价工作技术能力情况",
                        trigger: 'blur'
                    }],
                    zlglTxqk: [{
                        required: true,
                        message: "质量管理体系情况",
                        trigger: 'blur'
                    }],
                    password: [{
                        required: true,
                        message: "请输入密码",
                        trigger: 'blur'
                    }]
                },
                shenpirules: {
                    // 审批
                    spPerson: [{
                        required: true,
                        message: "请输入审批人",
                        trigger: 'blur'
                    }],
                    spReview: [{
                        required: true,
                        message: "请输入审批意见",
                        trigger: 'blur'
                    }],
                    spOrg: [{
                        required: true,
                        message: "请输入审批机构",
                        trigger: 'blur'
                    }],
                    spStatus: [{
                        required: true,
                        message: "请输入审批状态",
                        trigger: 'blur'
                    }]
                },
                dialogFormVisible: false,
                dialogForm: false,
                dialogShenPiForm: false,
                selectForm: {
                    mobile: ''
                },
                companyInformation: [],
                currentRow: null,
                tableData: [],
                showOnSubmit: true,
                showOnReplace: false,
                showShenPi: true
            }
        },
        mounted(){

        },
        created(){
        },
        methods: {
            view(index,row){
                this.dialogForm = true;
                this.clearFromInformation();
                this.showInformation(index,row);
                this.checkDisabled(true);
            },
            // 清空表单
            clearFromInformation(){
                this.apUnitEntity.unitName ='';
                this.apUnitEntity.syUnitType ='';
                this.apUnitEntity.qyUnitType ='';
                this.apUnitEntity.registAddr ='';
                this.apUnitEntity.registAddrCode ='';
                this.apUnitEntity.bgAddr ='';
                this.apUnitEntity.bgAddrCode ='';
                this.apUnitEntity.legalMan ='';
                this.apUnitEntity.legalManTel ='';
                this.apUnitEntity.linkMan ='';
                this.apUnitEntity.linkTel ='';
                this.apUnitEntity.linkOffice ='';
                this.apUnitEntity.linkFax ='';
                this.apUnitEntity.linkEmail ='';
                this.apUnitEntity.upMainUnit ='';
                this.apUnitEntity.establishTime ='';
                this.apUnitEntity.unitRegistTime ='';
                this.apUnitEntity.uniscid ='';
                this.apUnitEntity.password ='';
                this.apUnitEntity.registMoney ='';
                this.apUnitEntity.highDownsixty =0;
                this.apUnitEntity.highUpsixty =0;
                this.apUnitEntity.highSum =0;
                this.apUnitEntity.midDownsixty =0;
                this.apUnitEntity.midUpsixty =0;
                this.apUnitEntity.midSum =0;
                this.apUnitEntity.priDomnsixty =0;
                this.apUnitEntity.priUpsixty =0;
                this.apUnitEntity.priSum =0;
                this.apUnitEntity.sumDownsixty =0;
                this.apUnitEntity.sumUpsixty =0;
                this.apUnitEntity.sum =0;
                this.apUnitEntity.dzxHigh ='';
                this.apUnitEntity.dzdzxHigh ='';
                this.apUnitEntity.dzgcxHigh ='';
                this.apUnitEntity.apYjqk ='';
                this.apUnitEntity.apJsnlqk ='';
                this.apUnitEntity.zlglTxqk ='';
                this.apUnitEntity.userName ='';
                this.apUnitEntity.pripId ='';
                this.apUnitEntity.regNo ='';
                this.apUnitEntity.entType ='';
                this.apUnitEntity.entTypeCn ='';
                this.apUnitEntity.industryCategory= '地震服务';
                this.apUnitEntity.organizationClass= '';
                this.apUnitEntity.nationalEconomy= '';
                this.apUnitEntity.dom= '';
                this.apUnitEntity.opLoc= '';
                this.apUnitEntity.opFrom= '';
                this.apUnitEntity.opTo= '';
                this.apUnitEntity.opScope= '';
                this.apUnitEntity.opScoType= '';
                this.apUnitEntity.opScoTypeCn= '';
                this.apUnitEntity.regOrg= '';
                this.apUnitEntity.regOrgCn= '';
                this.apUnitEntity.regState= '';
                this.apUnitEntity.regStateCn= '';
                this.apUnitEntity.apprDate= '';
                this.apUnitEntity.revDate= '';
                this.apUnitEntity.sugRevReason= '';
                this.apUnitEntity.linkmanCerNo= '';
                this.apUnitEntity.operatingLongitude= '';
                this.apUnitEntity.operatingLatitude= '';
                // 审定
                this.apUnitEntity.spPerson = '';
                this.apUnitEntity.spReview = '';
                this.apUnitEntity.spOrg = '';
                this.apUnitEntity.spStatus = '';

                this.apUnitEntity.provinceValue ='';
                this.apUnitEntity.cityValue ='';
                this.apUnitEntity.areaValue ='';
                this.apUnitEntity.detailAddress = '';
            },
            // 公共方法--查看
            showInformation(index,row){
                axios({
                    method: 'post',
                    url: '/dzjap/evalunit/findbyid/'+row.id,
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            let rowdata = data.apUnitEntity;
                            this.apUnitEntity = rowdata;
                            var arr = rowdata.registAddr.split("-");
                            this.apUnitEntity.provinceValue = arr[0];
                            this.apUnitEntity.cityValue = arr[1];
                            this.apUnitEntity.areaValue = arr[2];
                            this.apUnitEntity.detailAddress = arr[3];
                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            handleChange(value) {
                console.log(value);
            },
            /* 单选搜索表单 */
            selectCurrentChange(val){
                this.currentRow = val;
            },
            /* 列表页搜索 */
            searchForm(selectForm) {
                var pagesize = this.pagesize;
                var pageno = this.currentPage;

                axios({
                    method: 'post',
                    url: '/dzjap/apunit/querySpResult',
                    params: {
                        pageSize: pagesize,
                        pageNo: pageno,
                        mobile: this.selectForm.mobile
                    }
                })
                .then(response => {
                    let data = response.data;
                    if (data.code == 200) {
                        let dataInformation = data.data.results;
                        this.tableTotal = data.data.total;// 数据长度

                        this.tableData = dataInformation;
                    } else {
                        this.$message.error(data.msg);
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });
            },
            /* 列表页重置 */
            resetForm(formName) {
                this.selectForm.mobile = '';
                this.getData();
            },
            //每页下拉显示数据
            handleSizeChange(size) {
                this.pagesize = size;
                this.getData();
            },
            //点击第几页
            handleCurrentChange(currentPage) {
                this.currentPage = currentPage;
                this.getData();
            },
            // 设置允许填写和不允许填写
            checkDisabled(n){
                if(n){
                    this.formDisabled = true;
                }else{
                    this.formDisabled = false;
                }
            },
            syChangeValue(value){
                if(value != "") {
                    this.qydisabled = 1;
                } else {
                    this.qydisabled = 0;
                }

            },
            qyChangeValue(value){
                if(value != "") {
                    this.sydisabled = 1;
                } else {
                    this.sydisabled = 0;
                }
            }
        }
    })
</script>
</body>
</html>